/*
 * @Author: 红尘痴子
 * @Date: 2020-06-30 10:17:22
 * @LastEditors: 红尘痴子
 * @LastEditTime: 2020-06-30 10:24:08
 * @Description:
 */

Component({
	options: {
		addGlobalClass: true, // 使用全局样式app.wxss
	},
	/**
	 * 组件的属性列表
	 */
	properties: {
		background: {
			type: String,
			value: 'rgba(255, 255, 255, 1)',
		},
		color: {
			type: String,
			value: 'rgba(0, 0, 0, 1)',
		},
		titleText: {
			type: String,
			value: '导航栏',
		},
		titleImg: {
			type: String,
			value: '',
		},
		backIcon: {
			type: String,
			value: '',
		},
		backIconType: {
			type: String,
			value: '',
		},
		homeIcon: {
			type: String,
			value: '',
		},
		fontSize: {
			type: Number,
			value: 16,
		},
		iconHeight: {
			type: Number,
			value: 19,
		},
		iconWidth: {
			type: Number,
			value: 58,
		},
	},
	attached: function () {
		var that = this;
		that.setNavSize();
		that.setStyle();
	},
	data: {},
	methods: {
		// 通过获取系统信息计算导航栏高度
		setNavSize: function () {
			var that = this,
				sysinfo = wx.getSystemInfoSync(),
				statusHeight = sysinfo.statusBarHeight,
				isiOS = sysinfo.system.indexOf('iOS') > -1,
				navHeight;
			if (!isiOS) {
				navHeight = 48;
			} else {
				navHeight = 44;
			}
			that.setData({
				status: statusHeight,
				navHeight: navHeight,
			});
		},
		setStyle: function () {
			var that = this,
				containerStyle,
				textStyle,
				iconStyle;
			containerStyle = ['background:' + that.data.background].join(';');
			textStyle = [
				'color:' + that.data.color,
				'font-size:' + that.data.fontSize + 'px',
			].join(';');
			iconStyle = [
				'width: ' + that.data.iconWidth + 'px',
				'height: ' + that.data.iconHeight + 'px',
			].join(';');
			that.setData({
				containerStyle: containerStyle,
				textStyle: textStyle,
				iconStyle: iconStyle,
			});
		},
		// 返回事件
		back: function () {
			wx.navigateBack({
				delta: 1,
			});
			this.triggerEvent('back', { back: 1 });
		},
		home: function () {
			wx.switchTab({
				url: '/pages/tabBar/index/index',
			});
			this.triggerEvent('home', {});
		},
	},
});
